{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"用户注册",back:1} %}
    <div class="pad10">
        <div class="padt20 flrc"> <img class="wh20-20 round" :src="picUserHead" onerror="this.src=pic404"></div>
    </div>
    <div class=" round5 pad10  marl10 marr10 op9">
        <mu-form ref="form" :model="validateForm"  label-width="100">

            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14">
                {#<div class="fa fa-tablet c12"></div>#}
                <div class="flex1 fs10 marl10">
                    <input placeholder="请输入手机号" type="tel" name="username" v-model="username">
                </div>
            </div>
            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14 mart10">
                {#<div class="fa fa-unlock-alt c12"></div>#}
                <div class="flex1 fs10 marl10">
                    <input  placeholder="请输入验证码" type="tel" name="code" v-model="code">
                </div>
                <div class="bcf bdc11 padt3 padb3 padl5 padr5 round30 pos-r c1 fs8" v-if="msg=='获取验证码'">
                    <mu-ripple @click="sendSms()">[[msg]]</mu-ripple>
                </div>
                <div class="bcf bdc11 padt3 padb3 padl5 padr5 round30 pos-r c12 fs8" v-if="msg!='获取验证码'">
                    [[msg]]
                </div>
            </div>
{#            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14 mart10">#}
{#                #}{#<div class="fa fa-tablet c12"></div>#}
{#                <div class="flex1 fs10 marl10">#}
{#                    <input placeholder="请输入密码" type="text" name="password" v-model="password">#}
{#                </div>#}
{#            </div>#}
{#            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14 mart10">#}
{#                #}{#<div class="fa fa-tablet c12"></div>#}
{#                <div class="flex1 fs10 marl10">#}
{#                    <input placeholder="请重复输入密码" type="text" name="passwordAg" v-model="passwordAg">#}
{#                </div>#}
{#            </div>#}
            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14 mart10">
                {#<div class="fa fa-tablet c12"></div>#}
                <div class="flex1 fs10 marl10">
                    <input placeholder="邀请码（必填）" type="text" name="parent" v-model="invite">
                </div>
            </div>

            <div class="fs8 c11 pad5 mart10 flcc">
                <mu-button full-width large round :color="c1" @click="reg('pub')">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    注册
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </mu-button>
            </div>
            <div class="pad10 tar c12 fs8"  @click="gointo('page',{id:'REG'})">
                点击注册，即表示您认可《用户协议》中的内容
            </div>
        </mu-form>
    </div>
{% endblock %}
